$green: #1abc9c;
$red: #ff7373;
.register {
  width:100%;
  height:100%;
  .contentbox {
		width:100%;
		background-color: #f7f7f7;
		padding: 30px 0;
		.registerbox {
			margin: 0 auto;
			width: 360px;
			padding: 60px 0;
			background-color: #fff;
			.title {
				text-align: center;
				font-size: 20px;
				color:#666;
				margin-bottom: 30px;
			}
			.inputbox {
				width: 360px;
				height: 50px;
				position: relative;
				margin-bottom: 25px;
				input {
					width:100%;
					height: 100%;
					padding-left: 52px;
					border: 1px solid #eee;
					font-size: 18px;
					color:#999;
					&::-webkit-input-placeholder { /* WebKit browsers */
						color:#999;
					}
					&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
						color:#999;
					}
					&::-moz-placeholder { /* Mozilla Firefox 19+ */
						color:#999;
					}
					&:-ms-input-placeholder { /* Internet Explorer 10+ */
						color: #999;
					}
				}
				img {
					width: 22px;
					height: 22px;
					position: absolute;
					left: 16px;
					top: 14px;
					z-index: 99;
				}
				.sendcode {
					font-size: 18px;
					line-height: 50px;
					color: $green;
					position: absolute;
					right: 20px;
					top: 0;
				}
			}
			.agree {
				font-size: 16px;
				color: #666;
				margin-bottom: 35px;
				img {
					width:25px;
					height: 25px;
					margin-right: 18px;
				}
				span {
					color: $green;
				}
			}
			.but {
				width: 360px;
				height: 50px;
				background-color: $green;
				color: #fff;
				font-size: 18px;
				border: 0px;
				margin-bottom: 15px;
			}
		}
	}
}